<script lang="ts" setup>
const { currGame = {} } = defineProps<{
  currGame: any;
}>();
</script>
<template>
  <div class="w-344 mx-auto font-[Microsoft_YaHei] mb-20">
    <div class="font-bold text-17 color-[#000] mb-23">{{ currGame.name }}</div>
    <div class="mb-20 flex justify-start items-center">
      <span class="flex-[1] font-400 text-16 color-[#000]">Rating:</span>
      <span class="flex-[1] font-400 text-16 color-[#000]"
        >{{ currGame.score }}({{ currGame.votes }} votes)</span
      >
    </div>
    <div class="mb-20 flex justify-start items-center">
      <span class="flex-[1] font-400 text-16 color-[#000]">Developer:</span>
      <span class="flex-[1] font-400 text-16 color-[#FFDD12]"
        >NytGame.com</span
      >
    </div>
    <div class="mb-20 flex justify-start items-center">
      <span class="flex-[1] font-400 text-16 color-[#000]">Last Updated:</span>
      <span class="flex-[1] font-400 text-16 color-[#000]">{{ currGame.updated }}</span>
    </div>

    <div class="mb-28 flex justify-start items-center">
      <span class="flex-[1] font-400 text-16 color-[#000]"
        >Classifcationg:</span
      >
      <span class="flex-[1] font-400 text-16 color-[#FFDD12]">{{ currGame.type }}</span>
    </div>
    <div class="font-400 text-16 color-[#000] lh-20">
      {{ currGame.des }}
    </div>
  </div>
</template>
